/*
* @Author: E550
* @Date:   2017-11-17 10:28:30
* @Last Modified by:   E550
* @Last Modified time: 2017-11-20 08:58:48
*/
/*公共样式*/
html,body,div,li,span,ul,ol,img,form,input,h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
html,body {
	height: 100%;
	background-color: #ebebeb;
	font-size: 20px;
}
.wechat {
	height: 100%;
	display:flex;
	flex-direction:column;
}
/*头部样式*/

.header {
	flex-basis:50px;
	flex-grow:0;
	flex-shrink:0;
	background-color: #393a3c;
}

.we {
	float: left;
	color: #fff;
	line-height: 50px;
	padding-left: 10px;
	font-size: 22px;
}
.search,.plus {
	float: right;
	line-height: 50px;
}
.header img {
	vertical-align: middle;
}
.header .plus {
	margin: 0 20px 0 40px;
}
/*主体样式*/
.bodyer {
	flex-grow:1;
	flex-shrink:1;	
	overflow: auto;
}
.line {
	display: flex;
	border-bottom: 1px solid #ddd;
	height: 70px;
	background-color: #fff;
	padding:8px 0;
}
.pho {
	flex-grow:0;
	flex-shrink:1;
	flex-basis:53px;
	width: 100%;
	position: relative;
	padding:0 10px;
}
.pho i {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top:-4px;
	right: 3px;
	background-color: red;
	display: inline-block;
}
.pho img {
	width: 50px;
	height: 50px;
}
.message {
	display: flex;
	flex-direction:column;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	overflow: hidden;
	padding: 5px 10px;
}
.message h6{
	font-size: 18px;
	color: #333;

}
.message div {
	font-size: 14px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.time {
	text-align: center;
	padding: 0 15px;
	font-size: 12px;
}
.time img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
/*底部样式*/
.footer {
	height: 70px;
	flex-grow:0;
	flex-shrink:0;
	padding:10px 0;
	background-color: #fbfbfb;
}
.nav {
	width: 25%;
	float: left;
	text-align:center;
	position: relative;
}
.nav i {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	top:-5px;
	right:23px;
	padding:2px;
	text-align: center;
	background-color: red;
	display: inline-block;
	font-style: normal;
	color: #fff;
	font-size: 12px;
}
.nav .img .dot {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top:-5px;
	right:8px;
	background-color: red;
	display: inline-block;
}

.nav .img {
	height: 30px;
}
.nav .img img {
	height: 100%;
	width: 30px;
}
.nav .chat {
	height: 20px;
	font-size: 12px;
	color: green;
}
.lxr,.find,.me {
	height: 20px;
	font-size: 14px;
	color: 
}
/*第二个界面contacts*/
/*公共样式*/
.common_space{
	width: 100%;
	height: 15px;
	background-color: #ebebeb;
	font-size: 12px;
	color: #333;
	padding-left: 10px;
}
.bodyer_list {
	overflow: auto;
}
.contact_line {
	display: flex;
	border-bottom: 1px solid #ddd;
	height: 60px;
	background-color: #fff;
	padding:8px 0;
	align-items:center;
}
.contact_line .new_friend {
	background-color: #f9b008;
	margin:0 10px;
	flex:0 0 50px;
	text-align: center;
}
.contact_line .tel {
	background-color: green;
	margin:0 10px;
	flex:0 0 50px;
	text-align: center;
}
.contact_line  img {
	width: 40px;
	height: 40px;
}
.contact_line .tags,.contact_line .gzh {
	background-color: #058;
	margin:0 10px;
	flex:0 0 50px;
	text-align: center;
}
.contact_line img {
	width: 40px;
	height: 40px;
	padding: 5px;
}
.contact_line .txt {
	flex:1 0 auto;
	font-size: 15px;
}
/*侧边条*/
.bodyer {
	position: relative;
}
.bar_list {
	float: right;
	position: fixed;
	top: 50px;
	right: 0;
	bottom: 0;
	text-align: center;
}
.bar_list li {
	list-style: none;
	height: 10px;
	width:10px;
	padding:10px;
	margin-right: 5px;
	font-size: 12px;
}
.bar_list li img{
	position: relative;
	right: 3px;
}
/*discover界面样式*/
.discover_line {
	display: flex;
	height: 60px;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	padding-top: 13px;
}
.discover_line .moments{
	flex:0 0 60px;
	margin: 0 10px;
	text-align: center;
}
.txt {
	flex:0 1 100%;
}
.new_moments {
	flex:0 0 60px;
	position: relative;
}
.new_moments img {
	width: 40px;
	height: 40px;
	margin-right:20px;
}
 .discover_line .new_moments i {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top:-5px;
	right:13px;
	background-color: red;
	display: inline-block;
}
/*me 样式*/
.me_line {
	display: flex;
	height: 70px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	align-items:center;
}
.me_line .bust {
	flex:0 0 60px;
	text-align:center;
}
.me_line .bust img {
	height: 50px;
	width: 50px;
	margin: 0 10px;
}
.nickname {
	flex:8 0 auto;
	display: flex;
	flex-direction:column;
}
.nickname:first-child {
	font-size: 14px;
}
.idnum {
	font-size: 13px;
	color: #999;
}
.QR_Code {
	flex:1 0 30px;
}
.QR_Code img {
	width: 30px;
	height: 30px;
}
